<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sama+</title>
    <meta name="description" content="Your Description Here">
    <meta name="keywords" content="bootstrap themes, portfolio, responsive theme">
    <meta name="author" content="ThemeForces.Com">
      <link rel="icon" href="favicon.ico"/>
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css"  href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">

    <script type="text/javascript" src="js/modernizr.custom.js"></script>

    <link href='css/raleway.css' rel='stylesheet' type='text/css'>
    <link href='css/playball.css' rel='stylesheet' type='text/css'>

    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div id="tf-home">
        <div class="overlay">
            <div id="sticky-anchor"></div>
            <nav id="tf-menu" class="navbar navbar-default">
                <div class="container">
                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Sama+</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </button>
                      <a class="navbar-brand logo" href="index.html">Sama+</a>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                      <ul class="nav navbar-nav navbar-right">
                        <li><a href="#tf-home">首页</a></li>
                        <li><a href="#tf-service">服务内容</a></li>
                        <li><a href="#tf-portfolio">案例展示</a></li>
                        <li><a href="#tf-about">关于我们</a></li>
                        <li><a href="#tf-contact">联系我们</a></li>
                      </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>

            <div class="container">
                <div class="content">
                    <h1>Sama+</h1>
                    <h3>传统行业互联网转型的服务商</h3>
                    <br>
                    <!--<a href="#tf-contact" class="btn btn-primary my-btn">Contact</a>-->
                    <!--<a href="#tf-portfolio" class="btn btn-primary my-btn2">Portfolio</a>-->
                </div>
            </div>
        </div>
    </div>

    <div id="tf-service">
        <div class="container">
            <div class="col-md-12">
                <h4 class="page-header" style="color: rgb(34,34,34);">服务内容</h4>
            </div>
            <div class="col-md-4">
                <div class="media">
                  <!--<div class="media-left media-middle">-->
                    <!--<i class="fa fa-motorcycle"></i>-->
                  <!--</div>-->
                  <div class="media-body">
                    <h4 class="media-heading">付费社群定制方案</h4>
                    <p>实现知识与需求者的链接，使传统行业增加新的盈利点。</p>
                  </div>
                </div>

            </div>
            <div class="col-md-4">
                <div class="media">
                  <!--<div class="media-left media-middle">-->
                    <!--<i class="fa fa-gears"></i>-->
                  <!--</div>-->
                  <div class="media-body">
                    <h4 class="media-heading">商业模式咨询</h4>
                    <p>为企业提供与社群运营有关的信息以及提供协助付费社群运作的工作。</p>
                  </div>
                </div>
            </div>
            <div class="col-md-4">

                <div class="media">
                  <!--<div class="media-left media-middle">-->
                    <!--<i class="fa fa-heartbeat"></i>-->
                  <!--</div>-->
                  <div class="media-body">
                    <h4 class="media-heading">用户体验设计</h4>
                    <p>完善人机交互界面，提升用户使用产品的体验度。</p>
                  </div>
                </div>

            </div>
        </div>
        <div class="container">
            <div class="col-md-4">
                <div class="media">
                    <!--<div class="media-left media-middle">-->
                    <!--<i class="fa fa-motorcycle"></i>-->
                    <!--</div>-->
                    <div class="media-body">
                        <h4 class="media-heading">技术研发</h4>
                        <p>完成的项目的计划、开发、测试、发布，从而满足传统行业的互联网转型。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">

                <div class="media">
                    <!--<div class="media-left media-middle">-->
                    <!--<i class="fa fa-motorcycle"></i>-->
                    <!--</div>-->
                    <div class="media-body">
                        <h4 class="media-heading">推广运营</h4>
                        <p>帮助企业完成应用推广、社群内容更新维护、应用维护、应用流程优化、应用营销策划等相关工作，使企业完成互联网转型。</p>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="tf-portfolio">
        <div class="container">
            <div class="section-title">
                <h3>案例展示</h3>
                <p>力求视觉与交互的完美契合，以规范的流程和专注的态度，为您提供全方位的产品方案。</p>
                <hr>
            </div>

            <div class="space"></div>

            <div class="row">
                <div class="col-md-4">
                    <img src="img/demo1.jpg" class="img-responsive">
                </div>

                <div class="col-md-4">
                    <img src="img/demo2.jpg" class="img-responsive">
                </div>

                <div class="col-md-4">
                    <img src="img/demo3.png" class="img-responsive">
                </div>
            </div>

            <div class="row toppadding">
                <div class="col-md-4">
                    <img src="img/demo4.jpg" class="img-responsive">
                </div>

                <!--<div class="col-md-4">-->
                    <!--<img src="img/05.jpg" class="img-responsive">-->
                <!--</div>-->

                <!--<div class="col-md-4">-->
                    <!--<img src="img/06.jpg" class="img-responsive">-->
                <!--</div>-->
            </div>

        </div>
    </div>

    <div id="tf-about">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3">
                        <h3>关于sama+</h3>
                        <br>
                        <p>汭趣科技成立于2015年，专注付费社区方案、商业模式咨询、用户体验设计、技术研发和推广运营的创新高端公司，拥有超过8年行业经验的资深团队，强悍方案设计以及运营推广能力，帮助实现品牌在互联网时代的增值。</p>
                        <p>汭趣为您提供专业的付费社区方案、商业模式咨询、用户体验设计、技术研发和推广运营等服务，推动企业的互联网转型升级。</p>
                        <br>
                        <!--<a href="#tf-why-me" class="btn btn-primary my-btn dark">Why Hire Me</a>-->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--<div id="tf-why-me">-->
        <!--<div class="overlay">-->
            <!--<div class="container">-->
                <!--<div class="row">-->
                    <!--<div class="col-md-6">-->
                        <!--<h3>联系我们</h3>-->
                        <!--<br>-->
                        <!--<ul class="list-inline why-me">-->
                            <!--<li>-->
                                <!--<h4>改变自己，从联系汭趣开始。</h4>-->
                                <!--<h4>做行业互联网的领跑者，提升品牌价值，增加在互联网时代的竞争力。.</h4>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<h4 style="font-size: 14px;">想赶上互联网时代的潮流，你还在等什么？可以从以下方式联系我们。</h4>-->
                                <!--<p>邮箱：open@ixo.tm </p>-->
                            <!--</li>-->
                        <!--</ul>-->
                        <!--&lt;!&ndash;<a href="#tf-contact" class="btn btn-primary my-btn dark">Contact</a>&ndash;&gt;-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->

    <div id="tf-contact">
        <div class="container">
            <div class="section-title">
                <h3>联系我们</h3>
                <p>改变自己，从联系汭趣开始。</p>
                <p>做行业互联网的领跑者，提升品牌价值，增加在互联网时代的竞争力。</p>
                <hr>
                邮箱：open@ixo.tm
            </div>

            <!--<div class="space"></div>-->
            <!--<div class="row">-->
                <!--<div class="col-md-6 col-md-offset-3">-->
                    <!--<form id="contact">-->
                      <!--<div class="form-group">-->
                        <!--<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter Name">-->
                      <!--</div>-->
                      <!--<div class="form-group">-->
                        <!--<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Enter Email">-->
                      <!--</div>-->
                      <!--<div class="form-group">-->
                        <!--<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter Website">-->
                      <!--</div>-->
                      <!--<div class="form-group">-->
                        <!--<textarea class="form-control" rows="4" placeholder="Message"></textarea>-->
                      <!--</div>-->
                      <!--<button type="submit" class="btn btn-primary my-btn dark">Submit</button>-->
                    <!--</form>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>

    <nav id="tf-footer">
        <div class="container">
             <div class="pull-left">
                 <p>版权所有：汭趣（上海）网络科技有限公司</p>
                 <p>
                    <a href="http://www.miitbeian.gov.cn/">&nbsp;沪ICP备：16008117号</a>
                 </p>
             </div>
            <!--<div class="pull-right"> -->
                <!--<ul class="social-media list-inline">-->
                    <!--<li><a href="#"><span class="fa fa-facebook"></span></a></li>-->
                    <!--<li><a href="#"><span class="fa fa-twitter"></span></a></li>-->
                    <!--<li><a href="#"><span class="fa fa-pinterest"></span></a></li>-->
                    <!--<li><a href="#"><span class="fa fa-google-plus"></span></a></li>-->
                    <!--<li><a href="#"><span class="fa fa-dribbble"></span></a></li>-->
                    <!--<li><a href="#"><span class="fa fa-behance"></span></a></li>-->
                <!--</ul>-->
            <!--</div>-->
        </div>
    </nav>

    <script type="text/javascript" src="js/jquery.1.11.1.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

  </body>
</html>